$(function () {
    $(".banner").find(".ba-le li").on("mouseenter", function () {
        var $index = $(this).index();
        $(".no-pop").eq($index).show().siblings(".no-pop").hide()
        $(".ba-ce,.ba-ri").hide();

    })
    $(".fl-l").on("mouseleave", function () {
        $(".no-pop").hide()
        $(".ba-ce,.ba-ri").show();
    })



    // 轮播图

    var auto = null;
    var $xd = $(".xd li")
    var $li = $(".ba-to-u").children("li")
    var index = 0;
    function autoplay() {
        index++;
        index = index >= $xd.length ? 0 : index;
        auto = setTimeout(autoplay, 2000);
        $xd.eq(index).addClass("sel").siblings().removeClass("sel");
        $li.eq(index).fadeIn(400).siblings().hide();
    }
    autoplay()

    $($li).on("mouseenter", function () {
        clearTimeout(auto);
    })
    $($li).on("mouseleave", function () {
        auto = setTimeout(autoplay, 2000);
    })
    $(".ba-jt").children("span").on("mouseenter", function () {
        clearTimeout(auto);
    })

    //   点击切换
    $(".pre").on("click", function () {
        index--;
        if(index<0){
            index=4
        }
        $li.eq(index).fadeIn(400).siblings().hide();
        $xd.eq(index).addClass("sel").siblings().removeClass("sel");
    })
    $(".next").on("click", function () {
        index++;
        index = index >= $li.length ? 0 : index;
        $li.eq(index).fadeIn(400).siblings().hide();
        $xd.eq(index).addClass("sel").siblings().removeClass("sel");
    })

})

